<template>
  <f7-page>
    <f7-navbar :title="$t('settings.feedback.title')" :back-link="$t('common.back')"></f7-navbar>
    <f7-block-title>{{$t("settings.feedback.tips")}}</f7-block-title>
    <f7-list inline-labels no-hairlines-md>
      <f7-list-item>
         <f7-icon f7="email" slot="media"></f7-icon>

         <f7-input type="textarea" :placeholder="$t('settings.feedback.placeholder')"></f7-input>
       </f7-list-item>

    </f7-list>

    <f7-block>
      <f7-row tag="p">
        <f7-button class="col"  fill raised color="blue" @click="send">{{$t("common.ok")}}</f7-button>

      </f7-row>
    </f7-block>
  </f7-page>
</template>

<script>

export default {
  data() {
			return {

			}
		},
  methods:{
    send(){
      window.f7.toast.create({
         text: this.$t('common.developing')+'...',
         closeTimeout: 2000,
       }).open();


    },
  },
  mounted() {

		}
}
</script>
